﻿@model List<StoryTeller.Domain.Story>
@foreach (var item in @Model)
{
                
    <div class="jumbotron">
        <h3>
            @item.Title
            <span class="label label-success">New</span>
        </h3>
        <p>@item.Category</p>
        <p>@item.Description</p>
        <p>
            <a href="/story/contribute?story=@item.Id">Contributions <span class="badge">42</span></a>
            <a class="lnkShowChapters" story="@item.Id" href="javascript:void(0);">Chapters <span
                class="badge">@item.Chapters.Count</span></a>
        </p>
        <div id="@item.Id" style="display: none;">
            <ul class="list-group">
                @foreach (var cap in item.Chapters)
                {
                    <li class="list-group-item">@cap.Title
                    </li>
                }
            </ul>
        </div>
    </div>      
}
